<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>启明星春季招新网站</title>
  <meta content="" name="descriptison">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/qmx_logo(72x72).png" rel="icon">
  <link href="assets/img/logo(200x200).png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">
  <link href="assets/css/myr.css">
</head>

<body>

  <!-- ======= 头部导航栏 ======= -->
  <header id="header" class="fixed-top ">
    <div class="container-fluid">
      <div class="row justify-content-center">
        <div class="col-xl-9 d-flex align-items-center justify-content-between">
          <h1 class="logo"><a href="index.html">启明星</a></h1>
          <!-- Uncomment below if you prefer to use an image logo -->
          <!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
          <nav class="nav-menu d-none d-lg-block">
            <ul>
              <li class="active"><a href="#header">招新首页</a></li>
              <li><a href="#about">简介</a></li>
              <li><a href="#services">报名流程</a></li>
              <li><a href="#portfolio">作品展示</a></li>
              <li><a href="#pricing">分组情况</a></li>
              <li><a href="#contact">报名</a></li>
              <li class="drop-down"><a href="">更多</a>
                <ul>
                  <li><a href="#">启明星工作室简介</a></li>
                  <li><a href="#">启明星OJ</a></li>
                  <li><a href="#">启明星论坛</a></li>
                  <li class="drop-down"><a href="#">个人作品展示</a>
                    <ul>
                      <li><a href="http://mycloud.iloveyxr.top/index.php/login">Nextcloud云盘</a></li>
                      <li><a href="https://yxr2333.github.io/" target="_blank">hexo博客</a></li>
                      <li><a href="http://blog.iloveyxr.top/qmxweb/qmx_web/index.html" target="_blank">招新网站</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
            </ul>
          </nav><!-- .nav-menu -->
          <a href="#contact" class="get-started-btn scrollto">点击报名</a>
        </div>
      </div>
    </div>
  </header><!-- End Header -->

  <!-- ======= 轮播图 ======= -->
  <div id="demo" class="carousel slide" data-ride="carousel">
    <!--文字部分(记得把css里的#hero改成.hero)-->
    <div class="carousel-inner">
      <div class="carousel-item active">
        <section class="hero d-flex flex-column justify-content-center" style="background-image: url(https://ae01.alicdn.com/kf/H81a787dc9eed46c79d6a7f4930baccabz.jpg)">
          <div class="container">
            <div class="row justify-content-center">
              <div class="col-xl-8">
                <h1>启明星工作室</h1>
                <h2>立即报名</h2>
                <a href="#contact" class="play-btn mb-4"></a>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div class="carousel-item">
        <section class="hero d-flex flex-column justify-content-center" style="background-image: url(https://ae01.alicdn.com/kf/H2ef02c5de1634fb79ca031da3458bb7fo.jpg)">
          <div class="container">
            <div class="row justify-content-center">
              <div class="col-xl-8">
                <h1>启明星工作室</h1>
                <h2>立即报名</h2>
                <a href="#contact" class="play-btn mb-4"></a>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div class="carousel-item">
        <section class="hero d-flex flex-column justify-content-center" style="background-image: url(https://ae01.alicdn.com/kf/H41576f40fa804f1ea4a7a3f5996ad971m.jpg)">
          <div class="container">
            <div class="row justify-content-center">
              <div class="col-xl-8">
                <h1>启明星工作室</h1>
                <h2>立即报名</h2>
                <a href="#contact" class="play-btn mb-4"></a>
              </div>
            </div>
          </div>
        </section>
      </div>
      <!-- 左右切换按钮 -->
      <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
      </a>
      <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
      </a>
    </div>
  </div>
    <!-- End 轮播图 -->


  <main id="main">

    <!-- ======= 启明星简介 ======= -->
    <section id="about" class="about">
      <div class="container">
        <div class="section-title">
          <h2>启明星简介</h2>
          <p>工作室成立以来，从刚开始的十几名学生，发展到一百多名学生。我们自己管理自己，常常有老师通过项目开发的方式辅导我们，我们也努力的学习软件开发的新技术。在老一代成员的带领下，我们不断地传承理想。工作室一方面解决同学们动手能力落后于其他高校的现状，促进同学们的就业，为同学们实现理想提供优良的环境与基石；另一方面工作室是同学们展示能力，提高技术的平台，这里集中了三峡大学最优秀的软件开发、网站制作、数据库开发、影视编辑、硬件编程、三维可视化、游戏开发的本科生。</p>
        </div>
        <div class="row content">
          <div class="col-lg-6">
            <p>
              我们来自三峡大学计算机与信息学院。
            </p>
            <ul>
              <li><i class="ri-check-double-line"></i> 今日之启明，明日之明星，是我们共同的信念。</li>
              <li><i class="ri-check-double-line"></i> Make a difference是我们执着的追求。</li>
              <li><i class="ri-check-double-line"></i> 这是我们自己的天地，它有一个充满活力而且响亮名字：“启明星”！</li>
            </ul>
          </div>
          <div class="col-lg-6 pt-4 pt-lg-0">
            <p>
              Make a difference是工作室的理念，来自李开复老师的一篇文章：“知道什么是make a difference吗？想象有两个世界，一个世界中有你，一个世界中没有你，让两者的不同最大，最大化你的影响力，这就是你一生的意义。” 希望所有人在工作室这个平台能实现自己的梦想，最大化自己的不同。同样，工作室的目的也在于此，让今天的你与昨天的你不同，让四年后的你与现在的你不同。
            </p>
            <a href="#services" class="btn-learn-more">了解更多</a>
          </div>
        </div>

      </div>
    </section><!-- End About Us Section -->
    <!-- ======= Services Section ======= -->
    <section id="services" class="services">
      <div class="container">
        <div class="section-title">
          <h2>报名流程</h2>
        </div>

        <div class="row">
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
            <div class="icon-box">
              <div class="icon"><i class="bx bxl-dribbble"></i></div>
              <h4><a href="">招新宣传</a></h4>
<!--              <p>x月x日-x月x日</p>-->
              <p>宣传时间:1.20-笔试前</p>
             <p>主要宣传启明星福利和资源,以及启明星工作制度等等,具体请看下面内容</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-file"></i></div>
              <h4><a href="">招新宣讲</a></h4>
             <p>Time:3月13号-3月14号<span style="color:red">(具体请按照QQ群为主)</span></p>
              <p>为了防止大家有遗憾,我们将在3.14开宣讲会,来回答大家的问题,具体时间将公布在qq群里</p>
<!--              <p>So that we have a more complete understanding of the studio</p>-->
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-tachometer"></i></div>
              <h4><a href="">招新报名</a></h4>
<!--              <p>x月x日-x月x日</p>-->
              <p>启明星春季招新报名3.1正式开始，大家确定自己想要报考的组别后可以踊跃参与报名</p>
<!--              <p>Starlight spring recruit new registration officially began</p>-->
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-world"></i></div>
              <h4><a href="">招新笔试</a></h4>
             <p>Time:3月20号-3月21号<span style="color:red">(具体请按照QQ群为主)</span></p>
              <p>进行笔试考核，通过试题，检测对于编程知识的掌握情况</p>
              <p>Tips:笔试时间和地址将于后续公布于QQ群中</p>
<!--              <p>Carry on the written examination examination, through the test questions, the detection for the programming knowledge to grasp the situation</p>-->
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-slideshow"></i></div>
              <h4><a href="">招新面试</a></h4>
              <p>Time:3月27号-3月28号<span style="color:red">(具体请按照QQ群为主)</span></p>
              <p>对通过了笔试的考生进行面试，对考生的编程知识掌握情况进行进一步的了解</p>
              <p>Tips:面试时间和地址将于后续通知给通过笔试的考生</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-arch"></i></div>
              <h4><a href="">欢迎来到启明星</a></h4>
              <p>Time:3月31号<span style="color:red">(具体请按照QQ群为主)</span></p>
              <p>我们将通知通过面试和笔试的同学参加启明星工作室.欢迎大家成为启明星的一份子</p>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Services Section -->

    <!-- ======= Cta Section ======= -->
    <!-- 这一块我不知道作为什么,你们可以考虑一下 -->
    <section id="cta" class="cta">
      <div class="container">

        <div class="row">
          <div class="col-lg-9 text-center text-lg-left">
            <h3>为什么选择我们？</h3>
            <p>工作室成立以来，从刚开始的十几名学生，发展到一百多名学生。我们自己管理自己，常常有老师通过项目开发的方式辅导我们，我们也努力的学习软件开发的新技术。在老一代成员的带领下，我们不断地传承理想。工作室一方面解决同学们动手能力落后于其他高校的现状，促进同学们的就业，为同学们实现理想提供优良的环境与基石；另一方面工作室是同学们展示能力，提高技术的平台，这里集中了三峡大学最优秀的软件开发、网站制作、数据库开发、影视编辑、硬件编程、三维可视化、游戏开发的本科生。</p>
          </div>
          <div class="col-lg-3 cta-btn-container text-center">
            <a class="cta-btn align-middle" href="#contact">点此报名</a>
          </div>
        </div>

      </div>
    </section><!-- End Cta Section -->

    <!-- ======= Features Section ======= -->
    <section id="features" class="features">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 order-2 order-lg-1">
            <div class="icon-box mt-5 mt-lg-0">
              <i class="bx bx-receipt"></i>
              <h4>启明星的日常</h4>
              <p>启明星工作室给组内成员提供了便利的学习环境和氛围，不再需要去和考研的学长学姐们争夺图书馆的座位。每周还会给组内成员下发周任务，敦促所有人的学习</p>
            </div>
            <div class="icon-box mt-5">
              <i class="bx bx-cube-alt"></i>
              <h4>启明星的奖惩机制</h4>
              <p>在启明星，奖惩是十分分明的。若没有按时完成周任务或没有完成每周要求的打卡次数，都会受到一定的惩罚。同时，在各类竞赛中取得优异的成绩也会受到一定的奖励</p>
            </div>
            <div class="icon-box mt-5">
              <i class="bx bx-images"></i>
              <h4>启明星的资源和福利</h4>
              <p>启明星工作室在三峡大学计算机与信息学院就如”王牌“一般存在，有不少成绩优异的学长学姐都出自于这里。数年来的沉淀，让启明星工作室的资源已经十分雄厚</p>
            </div>
            <div class="icon-box mt-5">
              <i class="bx bx-shield"></i>
              <h4>启明星成员的方向</h4>
              <p>启明星工作室目前主要分为开发组和智能组两大组，成员各自发展的方向十分广泛。（如游戏开发，Python爬虫，数据分析，单片机等等）</p>
            </div>
          </div>
          <div class="image col-lg-6 order-1 order-lg-2" style='background-image: url("assets/img/features.jpg");'></div>
        </div>

      </div>
    </section><!-- End Features Section -->

    <!-- ======= Clients Section ======= -->
    <!-- 这一块暂时我也不清楚具体干嘛,可以删除 -->

    <!-- ======= Counts Section ======= -->
    <section id="counts" class="counts">
      <div class="container">
        <div class="text-center title">
          <h3>启明星工作室</h3>
          <p>Three Gorges University Qixing Studio</p>
        </div>

        <div class="row counters">

          <div class="col-lg-3 col-6 text-center">
            <span data-toggle="counter-up">39</span>
            <p>成员</p>
          </div>

          <div class="col-lg-3 col-6 text-center">
            <span data-toggle="counter-up">21</span>
            <p>开发组人数</p>
          </div>

          <div class="col-lg-3 col-6 text-center">
            <span data-toggle="counter-up">18</span>
            <p>智能组人数</p>
          </div>

          <div class="col-lg-3 col-6 text-center">
            <span data-toggle="counter-up">10</span>
            <p>周签到次数</p>
          </div>

        </div>

      </div>
    </section><!-- End Counts Section -->
    <!-- ======= Portfolio Section ======= -->
    <!-- 我推荐card展示 -->
    <section id="portfolio" class="portfolio">
      <div class="container">

        <div class="section-title">
          <h2>作品展示</h2>
          <p>秉承着“今天启明星是你的骄傲，明天你的启明星的骄傲”的宗旨，一届又一届的“启明星”创下了无数辉煌的成就！也许下一个“启明星”就是你。</p>
        </div>

        <div class="row">
          <div class="col-lg-12 d-flex justify-content-center">
            <ul id="portfolio-flters">
              <li data-filter="*" class="filter-active">All</li>
              <li data-filter=".filter-app">Web</li>
              <li data-filter=".filter-card">硬件</li>
              <li data-filter=".filter-web">Game</li>
            </ul>
          </div>
        </div>

        <div class="row portfolio-container">

          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
            <img src="assets/img/portfolio/music1.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>在线音乐播放器</h4>
              <p>web</p>
              <a href="assets/img/portfolio/music1.jpg" data-gall="portfolioGallery" class="venobox preview-link" title="App 1"><i class="bx bx-plus"></i></a>
              <a href="" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <img src="assets/img/portfolio/game1.png" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>C语言俄罗斯方块</h4>
              <p>Game</p>
              <a href="assets/img/portfolio/game1.png" data-gall="portfolioGallery" class="venobox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
              <a href="" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
            <img src="assets/img/portfolio/blog1.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>hexo博客</h4>
              <p>web</p>
              <a href="assets/img/portfolio/blog1.jpg" data-gall="portfolioGallery" class="venobox preview-link" title="App 2"><i class="bx bx-plus"></i></a>
              <a href="" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
            <img src="assets/img/portfolio/nextcloud.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Nextcloud网盘</h4>
              <p>web</p>
              <a href="assets/img/portfolio/nextcloud.jpg" data-gall="portfolioGallery" class="venobox preview-link" title="App 2"><i class="bx bx-plus"></i></a>
              <a href="" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="assets/img/portfolio/plane.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>无人机</h4>
              <p>硬件</p>
              <a href="assets/img/portfolio/plane.jpg" data-gall="portfolioGallery" class="venobox preview-link" title="Card 2"><i class="bx bx-plus"></i></a>
              <a href="" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <img src="assets/img/portfolio/game2.png" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Unity游戏</h4>
              <p>Game</p>
              <a href="assets/img/portfolio/game2.png" data-gall="portfolioGallery" class="venobox preview-link" title="Web 2"><i class="bx bx-plus"></i></a>
              <a href="" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="assets/img/portfolio/car1.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>小车</h4>
              <p>硬件</p>
              <a href="assets/img/portfolio/car1.jpg" data-gall="portfolioGallery" class="venobox preview-link" title="Card 1"><i class="bx bx-plus"></i></a>
              <a href="" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <img src="assets/img/portfolio/2048.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>2048小游戏</h4>
              <p>Game</p>
              <a href="assets/img/portfolio/2048.jpgd" data-gall="portfolioGallery" class="venobox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
              <a href="" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Portfolio Section -->

    <!-- ======= Pricing Section ======= -->
    <section id="pricing" class="pricing">
      <div class="container">

        <div class="section-title">
          <h2>启明星分组</h2>
          <p>启明星工作室目前根据总体的发展方向不同分为开发组和智能组。同学们可以根据自己的喜好的不同自由选择。</p>
        </div>

        <div class="row">

          <div class="col-lg-6 col-md-6">
            <div class="box">
<!--              <span class="recommended-badge">Recommended</span>-->
              <h3>开发组</h3>
              <h4>21<span> / 39</span></h4>
              <ul>
                <li>主要学习</li>
                <li>超文本标记语言HTML</li>
                <li>脚本语言JavaScript</li>
                <li>编程语言JAVA,PHP等</li>
                <li>WEB后台服务器的管理</li>
<!--                <li class="na"></li>-->
<!--                <li class="na">Massa ultricies mi</li>-->
              </ul>
              <div class="btn-wrap">
                <a href="#contact" class="btn-buy">点此报名</a>
              </div>
            </div>
          </div>

          <div class="col-lg-6 col-md-6 mt-4 mt-md-0">
            <div class="box">
<!--              <span class="recommended-badge">Recommended</span>-->
              <h3>智能组</h3>
              <h4>18<span> / 39</span></h4>
              <ul>
                <li>主要学习</li>
                <li>51,AVR,STM32,ARDUINO单片机开发</li>
                <li>涉足嵌入式系统及智能硬件开发</li>
                <li>集了众多喜欢编程</li>
                <li>热爱硬件设计与开发的三大学子</li>
<!--                <li class="na">Massa ultricies mi</li>-->
              </ul>
              <div class="btn-wrap">
                <a href="#contact" class="btn-buy">点此报名</a>
              </div>
            </div>
          </div>

          <!-- <div class="col-lg-4 col-md-6 mt-4 mt-lg-0">
            <div class="box">
              <h3>Developer</h3>
              <h4><sup>$</sup>29<span> / month</span></h4>
              <ul>
                <li>Aida dere</li>
                <li>Nec feugiat nisl</li>
                <li>Nulla at volutpat dola</li>
                <li>Pharetra massa</li>
                <li>Massa ultricies mi</li>
              </ul>
              <div class="btn-wrap">
                <a href="#" class="btn-buy">Buy Now</a>
              </div>
            </div>
          </div> -->

        </div>

      </div>
    </section><!-- End Pricing Section -->
    <!-- ======= Contact Section ======= -->
    <section id="contact" class="contact">
      <div class="container">
        <div class="section-title">
          <h2>欢迎报考启明星</h2>
          <p>快来填写你的信息，加入我们吧！</p>
        </div>
        <div class="row mt-5">

          <div class="col-lg-4">
            <div class="info">
              <div class="address">
                <i class="ri-map-pin-line"></i>
                <h4>招新宣讲会地点：</h4>
                <p>湖北省宜昌市三峡大学信息科学楼</p>
              </div>

              <div class="email">
                <i class="ri-mail-line"></i>
                <h4>Email:</h4>
                <p>ctguqmx@iloveyxr.top</p>
              </div>

              <div class="phone">
                <i class="ri-phone-line"></i>
                <h4>Call:</h4>
                <p>17786170105</p>
              </div>

            </div>

          </div>

          <div class="col-lg-8 mt-5 mt-lg-0">
            <!-- ======报名表单====== -->
            <form  action="http://127.0.0.1:8080/form" method="POST" role="form" class="php-email-form" name="form1">
              <div class="form-row">
                <div class="col-md-6 form-group">
                  <input type="text" name="real_name" class="form-control" id="real_name" placeholder="姓名" onblur="nameCheck()"/>
                  <div class="real_name" ></div>
                </div>
                <div class="col-md-6 form-group">
                  <input type="text" name="stu_id" class="form-control" id="stu_id" placeholder="学号(只能2019或2020开头)" onblur="stu_idCheck()"/>
                  <div class="stu_id"></div>
                </div>
              </div>
              <div class="form-row">
                <div class="col-md-6 form-group">
                  <select class="form-control selectContainer" id="gender" name="sex">
                    <option  value="0" id="sman">男</option>
                    <option  value="1" id="swoman">女</option>
                  </select>
                  <div class="validate"></div>
                </div>
                <div class="col-md-6 form-group">
                  <select class="form-control" id="organization" name="group_id">
                    <option  value="1" id="kaifa">开发组</option>
                    <option  value="0" id="zhineng">智能组</option>
                  </select>
                  <div class="validate"></div>
                </div>
              </div>
              <div class="form-row">
                <div class="col-md-6 form-group">
                  <select class="form-control selectContainer" id="college" name="college"
                          onchange="changeSelect(this.selectedIndex)" value = "this.value">
                  </select>
                  <div class="validate"></div>
                </div>
                <div class="col-md-6 form-group">
                  <select class="form-control selectContainer" id="major" name="major"  value= "this.value">
                  </select>
                  <div class="validate"></div>
                </div>
              </div>
              <div class="form-row">
                <div class="col-md-6 form-group">
                  <input type="text" name="phone" class="form-control" id="phone" placeholder="电话"onblur="telCheck()" />
                  <div class="tel"></div>
                </div>
                <div class="col-md-6 form-group">
                  <input type="text" name="qq" class="form-control" id="qq" placeholder="QQ" onblur="qqCheck()"/>
                  <div class="qq"></div>
                </div>
              </div>
              <div class="mb-3">
                <div class="loading">Loading</div>
                <div class="error-message">学号重复</div>
                <div class="sent-message">你的报名信息已提交，谢谢参与！</div>
              </div>
              <div class="text-center"><button type="button" class="btn btn-primary" onclick="summitform()">提交</button></div>
            </form>
            <!-- end apply section -->
          </div>

        </div>

      </div>
    </section><!-- End Contact Section -->

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="container">
      <h3>启明星工作室</h3>
      <p>Make a Difference</p>
      <div class="social-links">
        <a href="www.twitter.com" class="twitter"><i class="bx bxl-twitter"></i></a>
        <a href="www.facebook.com" class="facebook"><i class="bx bxl-facebook"></i></a>
        <a href="www.instagram.com" class="instagram"><i class="bx bxl-instagram"></i></a>
        <a href="www.google.cn" class="google-plus"><i class="bx bxl-skype"></i></a>
      </div>
      <div class="copyright">Copyright &copy; 2020.三峡大学启明星工作室</div>
      <div class="credits"></div>
    </div>
  </footer><!-- End Footer -->

  <div id="preloader"></div>
  <a href="#" class="back-to-top"><i class="ri-arrow-up-line"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/jquery/jquery.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
  <script src="assets/vendor/counterup/counterup.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/venobox/venobox.min.js"></script>
  <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>
  <script src="assets/js/myr.js"></script>
</body>

</html>